<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title></title>
    <link type="text/css" rel="stylesheet" href="animate.min.css">
    <link type="text/css" rel="stylesheet" href="main.css">
    <script type="text/javascript" src="mootools-core.js"></script>
    <script type="text/javascript" src="TweenLite.min.js"></script>
    <script type="text/javascript" src="TweenMax.min.js"></script>
</head>
<body style="background-color:#f9f9f9;">
<div class="slider">
        <!-- page 1 -->
        <div class="slide active" style="background-image:url(images/cake_p1_bg.jpg);background-size:100% auto;background-color:#fbffe6;">
            <div class="wrap" style="bottom:45px;">
                <div style="padding-bottom:20px;">
                    <img src="images/cake_p1_01.png" style="width:50%;" class="t25" ani-name="bounceInDown" animated>
                    <img src="images/cake_p1_02.png" style="width:46%;padding-bottom:50px;" ani-name="zoomIn" class="t25" animated>
                </div>
                <img src="images/cake_p1_03.png" class="img-rp center t25" ani-name="bounceInUp" style="" animated>
            </div>
            <div class="tip">
                <img src="images/fish_bone.png" width="40" style="padding-right:8px;" class="animated slideOutUp">
                <span style="vertical-align:top;"></span>
                <img src="images/fish_bone.png" width="40" style="padding-left:8px;" class="animated slideOutUp">
            </div>
        </div>
        <!-- page 2 -->
        <div class="slide" style="background-color:#efff9c;">
            <div class="wrap" style="bottom:50px;">
                <div style="display:inline-block;width:45%;line-height:0;">
                    <img src="images/cake_p2_01.jpg" style="width:100%;" class="t30 bounceInLeft" ani-name="bounceInLeft" animated><br>
                    <img src="images/cake_p2_02.jpg" style="width:100%;" class="t35 bounceInLeft delay" ani-name="bounceInLeft" animated><br>
                    <img src="images/cake_p2_03.jpg" style="width:100%;" class="t40 bounceInLeft double-delay " ani-name="bounceInLeft" animated>
                </div>
                <div style="display:inline-block;width:43%;margin-left:20px;">
                    <img src="images/cake_p2_04.png" style="width:100%;padding-bottom:60px;" class="t25 lightSpeedIn" ani-name="lightSpeedIn" animated>
                </div>
            </div>
            <div class="tip">
                <img src="images/fish_bone.png" width="40" style="padding-right:8px;" class="animated slideOutUp">
                <span style="vertical-align:top;">小末请你吃蛋糕</span>
                <img src="images/fish_bone.png" width="40" style="padding-left:8px;" class="animated slideOutUp">
            </div>
        </div>
        <!-- page 3 -->
        <div class="slide" style="background-image:url(images/cake_p3_bg.jpg);background-size:cover;">
            <table style="width:100%;height:100%;">
                <tr><td align="center" >
                <img src="images/cake_p3_01.png" style="width:75%;" class="t20 rollIn" ani-name="rollIn" animated>
                </td></tr>
            </table>
        
            <div class="tip">
                <img src="images/fish_bone.png" width="40" style="padding-right:8px;" class="animated slideOutUp">
                <span style="vertical-align:top;">小末请你吃蛋糕</span>
                <img src="images/fish_bone.png" width="40" style="padding-left:8px;" class="animated slideOutUp">
            </div>
        </div>
        
        <!-- page 5 -->
        <div class="slide" style="background-color:#fef9f9;background:url(images/cake_30.gif) center no-repeat;background-size:contain;">
            
        </div>
    
</div>
<script type="text/javascript" >
    
</script>

<script type="text/javascript" src="main.js?v=000"></script>

<script type="text/javascript">
    window.addEvent('load', function(){
        
    });
    
</script>

</body>
</html>